草庐IT

Bootstrap4 表格

全部标签

javascript - 如果 ID 为数字,Bootstrap Accordion 不起作用

将Bootstrap升级到4.2.1版本后出现问题。在此版本中,当我在accordion中使用id="#12"时,它不起作用。在以前的版本中,它可以与id="#12"配合使用。有什么想法吗?CollapsibleGroupItem#1Animpariaturclichereprehenderit,enimeiusmodhighlifeaccusamusterryrichardsonadsquid.3wolfmoonofficiaaute,noncupidatatskateboarddolorbrunch.Foodtruckquinoanesciuntlaborumeiusmod.Bru

javascript - 使用 JQuery Sortable 插件防止表格的标题可排序

我有一个HTML表格:Header1Header2DataDataDataData我正在应用JQuerySortable插件:$(document).ready(function(){$("#HatedByCSSOnlyGoonstbody").sortable();$("#HatedByCSSOnlyGoonstbody").disableSelection();});问题:我希望第一行之后的每一行(因为这是带有表头的行)都可以排序。如何限制sortable()的范围? 最佳答案 将列标题放在中标记并更改标题单元格至:Header

javascript - 如何设置表格行的 z-index?

也许我想要实现的目标是不可行的,但一般的想法是当一个人点击表格行时,页面变暗(像模态一样)但保留该行以供编辑。我尝试设置表格行本身的z-index,但它没有用。如果我将表行位置属性设置为absolute它将起作用,但这似乎完全从表中删除了表行。 最佳答案 我只能想到像这样更复杂的解决方案:您需要3个透明的灰色div,而不是1个。使用第一个将整个页面变灰。设置整个表的z-index使其高于该div。使用第二个div将行上方的所有内容变灰,第三个div将行下方的所有内容变灰,仅保留行未变灰。将整个页面变灰。创建一个包含单行的复制表,将鼠

javascript - 如何生成包含可动态添加和删除行的表格的 Div? - 添加了 JSfiddle

在JSFiddle中,我尝试使用javascript动态生成div。这些div将包含表格,其中最后两行可以使用添加按钮递增。我试过fiddle中的代码。ins_row()函数用于在表格中添加在div中生成的行。addEvent()函数用于生成div当单击“添加产品”按钮时,将生成一个包含一行表格的div。当点击添加按钮时,最后两行应该根据点击次数继续添加。如果直接点击div的删除按钮,则应删除整个表格和div。当直接点击生成行的删除按钮时,应该只删除该行而不是整个div。问题这里的问题是正在生成带表格的div,但我不知道如何在表格中添加行。Seeitinactionhere预期输出注意

javascript - 我怎样才能在 twitter bootstrap 中只显示一次模态?

这是我的代码:$(document).ready(function(){if($.cookie('msg')==0){$('#myModal').modal('show');$.cookie('msg',1);}});在页面加载时模型显示,但当我刷新时它一直显示它应该只显示一次。$.cookie来自https://github.com/carhartl/jquery-cookie更新:这有效:“隐藏”由于某种原因无效$(document).ready(function(){if($.cookie('msg')==null){$('#myModal').modal('show');$.c

javascript - 使 bootstrap popover 出现在与其触发器不同的元素上

我正在尝试让单个“下一步”按钮创建不同的弹出窗口(弹出窗口1、2、3等...):每个弹出窗口都应该显示为附加到页面上的不同div。我们正在尝试创建一个“TakeaTour”功能,其中不同的功能由不同的弹出窗口解释。 最佳答案 手动显示/隐藏弹出窗口。单击“下一步”按钮时,按顺序显示和隐藏弹出框:varcurrentPopover=-1;varpopovers=[];//Initializeallthepopoverstobe"manually"displayed.popovers.push($("#ctrl1").popover({

javascript - 使用 twitter bootstrap scroll spy

我一直在尝试让scrollspy在我的bootstrap网站上工作,但我无法让它工作。我遇到的问题是,无论我滚动到哪里,滚动都没有效果。你可以看到我在做什么here.我已经执行了所有需要的步骤,即下面是body标签导航也在那里:HomeAboutHowtoUse?Contact也调用了scrollspy。$('#top-fixed-nav').scrollspy();任何人都可以看看并指出我在这里忽略或做错了什么。 最佳答案 Docs说:Toeasilyaddscrollspybehaviortoyourtopbarnavigati

javascript - 多个 Bootstrap-select 加载非常慢

当我尝试在网站上进行多项选择(超过20个)时,它会减慢jquery的执行速度(带有停止/继续警报)-是否有机会优化代码以更快地加载它-加载需要几分钟?示例代码ABAB文件末尾的javascript:$(document).ready(function(){$('.selectpicker').selectpicker({style:'btn-info',size:1});}); 最佳答案 我也在使用bootstrapselect。这个技巧解决了我关于页面加载时bootstrap-select渲染延迟的问题:似乎在页面加载时,dom元

javascript - Bootstrap 3 Datepicker v4 - 设置默认日期

我正在使用这个日期时间选择器http://eonasdan.github.io/bootstrap-datetimepicker/在我的编辑表单中。我无法根据我的可变日期在此日期时间选择器中设置默认值。如果我在输入元素上使用$('#edit_cost_date').val(json[0]['date']);,输入中的值是正确的,但如果我打开datetimepicker,我会看到标记不是输入的日期而是实际日期。vardate=json[0]['date'];$(function(){$('#datetimepicker-edit-cost').datetimepicker({locale

javascript - 没有 Bootstrap 面板标记的 Bootstrap Accordion

是否有任何可行的方法可以在不使用“面板”标记的情况下创建自举Accordion控件?我有折叠控件,但我希望能够为控件中的每个部分定位父级。换句话说,我希望“收入”和“利润”桶相互切换,并且“收入”内部有“收入当前”、“收入基础”和“收入当前与基础”相互切换其他不干扰父层。http://jsfiddle.net/Lp903gc5/标记RevenueRevenueCurrentExtendedZonePriceNetAmountRevenueRevenueShareatDNRevenueBaseExtendedZonePriceNetAmountRevenueRevenueShareatD